<html>
    <head>
        <title>表单</title>
        <meta charset="UTF-8">
        <script src="./js/jquery-3.6.0.min.js"></script>
        <style>
                .int{ height: 30px; text-align: left; width: 600px; }
                label{ width: 200px; margin-left: 20px; }     
                .msg{ font-size: 13px; }
               </style>
    </head>
    <body>
            <form method="post" action="#">
                    <div class="int">
                        <label for="name">账&nbsp;&nbsp;&nbsp;号：</label>
                        <input type="text" id="name" />
                    </div>
                    <div class="int">
                        <label for="email">用户名：</label>
                        <input type="text" id="name2"/>
                    </div>
                    <div class="int">
                        <label for="address">密&nbsp;&nbsp;&nbsp;码：</label>
                        <input type="text" id="mima" />
                    </div>   
                    <div>&nbsp;&nbsp;&nbsp;爱好：
                            <label for="nan">音乐</label>
                            <input type="radio">
                            <label for="nv">舞蹈</label>
                            <input type="radio">
                            <label for="nan">足球</label>
                            <input type="radio">
                </form>   
                <form id="uploadForm" enctype="multipart/form-data"> 
                    &nbsp;&nbsp;&nbsp;资料上传: 
                   </form> <input id="file" type="file" name="file"/>
                   <button id="upload">上传文件</button>  
                <form method="post" action="">
                        <br />&nbsp;&nbsp;&nbsp;热销产品
                        <input type="checkbox" />美白滋养霜
                        <input type="checkbox" />美白润体乳
                        <input type="checkbox" />美白面膜
                        <input type="checkbox" />美白柔肤水
                        <br />
                    </form>
                    <div class="int">
                            <input type="submit" value="提交" id="send" style="margin-left: 70px;" />
                            <input type="reset" value="重置" id="res" />
                        </div>
                        
                        <script>
                            $(function() {
                                   function albumName() {
                                           var text = $("#album_name").val();
                                            var counter = text.length;
                                           $("#numtj var").text(counter);
                                           $(document).keyup(function() {
                                                  var text = $("#album_name").val();
                                                  var counter = text.length;
                                                 $("#name_word").text(counter);
                                           });
                                    }
                            });
                  </script>
               
    </body>
</html>